<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>支付宝当面付DEMO</title>
    <style type="text/css">
        * {
            margin	: 0;
            padding	: 0;
        }

        ul, ol {
            list-style: none;
        }

        .title {
            color: #ADADAD;
            font-size: 14px;
            font-weight: bold;
            padding: 8px 16px 5px 10px;
        }

        .hidden {
            display: none;
        }

        .new-btn-login-sp {
            border: 1px solid #D74C00;
            padding: 1px;
            display: inline-block;
        }

        .new-btn-login {
            background-color: transparent;
            background-image:url("<%=basePath%>images/new-btn-fixed.png");
            border: medium none;
        }

        .new-btn-login {
            background-position: 0 -198px;
            width: 82px;
            color: #FFFFFF;
            font-weight: bold;
            height: 28px;
            line-height: 28px;
            padding: 0 10px 3px;
        }

        .new-btn-login:hover {
            background-position: 0 -167px;
            width: 82px;
            color: #FFFFFF;
            font-weight: bold;
            height: 28px;
            line-height: 28px;
            padding: 0 10px 3px;
        }

        .bank-list {
            overflow: hidden;
            margin-top: 5px;
        }

        .bank-list li {
            float: left;
            width: 153px;
            margin-bottom: 5px;
        }

        #main {
            width: 750px;
            margin: 0 auto;
            font-size: 14px;
            font-family: '宋体';
        }

        #logo {
            background-color: transparent;
            background-image: url('<%=basePath%>images/new-btn-fixed.png');
            border: medium none;
            background-position: 0 0;
            width: 166px;
            height: 35px;
            float: left;
        }

        .red-star {
            color: #f00;
            width: 10px;
            display: inline-block;
        }

        .null-star {
            color: #fff;
        }

        .content {
            margin-top: 5px;
        }

        .content dt {
            width: 160px;
            display: inline-block;
            text-align: right;
            float: left;
        }

        .content dd {
            margin-left: 100px;
            margin-bottom: 5px;
        }

        #foot {
            margin-top: 10px;
        }

        .foot-ul li {
            text-align: center;
        }

        .note-help {
            color: #999999;
            font-size: 12px;
            line-height: 130%;
            padding-left: 3px;
        }

        .cashier-nav {
            font-size: 14px;
            margin: 15px 0 10px;
            text-align: left;
            height: 30px;
            border-bottom: solid 2px #CFD2D7;
        }

        .cashier-nav ol li {
            float: left;
        }

        .cashier-nav li.current {
            color: #AB4400;
            font-weight: bold;
        }

        .cashier-nav li.last {
            clear: right;
        }

        .alipay_link {
            text-align: right;
        }

        .alipay_link a:link {
            text-decoration: none;
            color: #8D8D8D;
        }

        .alipay_link a:visited {
            text-decoration: none;
            color: #8D8D8D;
        }
    </style>
</head>

<body text="#000000" style="background-color: #ffffff; margin-left: 0px; margin-top: 4px;">
<div id="main">
    <div id="head">
        <dl class="alipay_link">
            <a target="_blank" href="http://www.alipay.com"><span>支付宝首页</span></a>|
            <a target="_blank" href="https://b.alipay.com/home.htm"><span>商家服务</span></a>|
            <a target="_blank" href="http://help.alipay.com/support/index_sh.htm"><span>帮助中心</span></a>
        </dl>
        <span class="title"></span>
    </div>


    <div id="body" style="clear: left">
        <dl class="content">
            <dt></dt>
            <dd>
                <a target="_blank" href="f2fpay"><span>当面付2.0 条码支付</span></a>
            </dd>

            <dt></dt>
            <dd>
                <a target="_blank" href="alipay.trade.f2f.precreate.jsp"><span>当面付2.0 二维码支付</span></a>
            </dd>

            <dt></dt>
            <dd>
                <a target="_blank" href="./trade_query.jsp"><span>当面付2.0 订单查询</span></a>
            </dd>

            <dt></dt>
            <dd>
                <a target="_blank" href="./trade_refund.jsp"><span>当面付2.0 订单退款</span></a>
            </dd>
        </dl>
    </div>

    <div id="foot">
        <ul class="foot-ul">
            <li><font class="note-help"> </font></li>
            <li>支付宝版权所有 2011-2015 ALIPAY.COM</li>
        </ul>
    </div>
</div>
</body>
</html>